<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<link rel="stylesheet" type="text/css" href="/libs/bootstrap/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="/css/shopcar.css"/>
	</head>
	<body>
		<header></header>
		
		<section>
			<div id="main">
			   <div id="shoppingStepV2">
			      |<div class="item"><span class="txt chk">购物车</span></div>|
			      <div class="item"><span class="txt">付款</span></div>|
			    </div>
			
			
			
				<!-- 购物车为空是显示，默认display: none; -->
				<div id="cartmei" style=" display: none; margin-top: 96px; width: 640px; height: 280px; background-color: rgb(255, 255, 255); box-shadow: rgb(170, 170, 170) 2px 1px 2px; overflow: hidden; margin-left: auto; margin-right: auto;">
					<!--good one begin-->
				
					<img src="https://imgs-qn.iliangcang.com/ware/sowhatimg/ware/orig/2/23/23450.png" style="width:150px;height:110px;margin-top:40px;margin-left:245px;">
					<div id="no_goods_label" style="margin-top:15px;background:#ffffff;height:24px;font-size:24px;color:#999999;line-height:24px;text-align:center;width:300px;margin-left:170px;">
						您的购物车还是空的
					</div>
				</div>
			
			<!-- 商品数据 -->
			<div id="shoppingcarList" style="margin-top:20px;">
			    <table class="carTab">
			      
				<script type="text/html" id="carTabTemplate">
					<tbody>
						<tr>
							<th class="txtl" width="110">
							<input id="all-check" type="checkbox" class="chkbox" style="margin-left:12px;" >全选</th>
							<th width="300">良品</th>
							<th width="120">数量</th>
							<th width="160">单价（元）</th>
							<th width="160">小计（元）</th>
							<th>操作</th>
						</tr>
						
						 {{each cart shop}}
						<tr class="itemlist2" data-id = '{{ shop.id }}'>
							<td valign="top">
								<input type="checkbox" id="all-check" class="chkbox" value="" {{shop.check ? 'checked' : ''}} >
								<a href="/html/detail.html?id={{shop.id}}" target="_blank" class="gimgCon">
									<img src="{{shop.photo[0].url}}" alt="">
								</a>
							</td>
							<td class="txtl">
								<p class="t">
									<a href="/html/detail.html?id={{shop.id}}">{{shop.title.slice(0,20) + '...'}}</a>
								</p>
								
								<p class="b" style="color:#d20019;"></p>
							</td>
							<td class="amount">
								<span class="opt less" >
									<img src="https://www.iliangcang.com/images/default/minus.png">
								</span>
								<input type="text"  value="{{shop.count}}" class="num2">
								<span class="opt more" >
									<img src="https://www.iliangcang.com/images/default/add.png">
								</span>
								<p class="blue">{{shop.couponStatus}}</p>
							</td>
							<td>{{shop.price}}
								<span style="text-decoration: line-through; font-size: 12px;">{{shop.tbOriginPrice}}</span>
							</td>
							<td class="Itemprice">{{(shop.price*shop.count).toFixed(2)}}</td>
							<td><a href="javascript:;" class="blue">删除</a></td>
						</tr>
					{{/each}}
					</tbody>
					
				</script>
				
				
				</table>
			</div>
			
			
			       
				 <div class="buy">
					 
					<p>良品总价/ <span  id="countNumAll" style="font-size: 17px; color:red"></span></p>
					 <p id="saveMoney" style="color: orangered;"></p>
					 <button>立即结算</button>
					 
					 <a href="#">
						<p class="line"></p>
						 <span>继续购物</span>
					 </a>
					 
				 </div>  
				<!-- <script type="text/html" id="buyTemplate">
				 	<p>良品总价/ <span  id="countNumAll" style="font-size: 17px; color:red">￥</span></p>
				 	<p class="saveMoney" style="display: block;">为您节省 0.00 元</p>
				 	<button>立即结算</button>
				 	
				 	<a href="#">
				 		<p class="line"></p>
				 		 <span>继续购物</span>
				 	</a>
				 </script> -->
				   
				   
				   
			 </div>
			
			
			
		</section>
		
		
		<footer></footer>
		
		
		<script src="/libs/require/require.min.js" data-main="/js/shopcar"></script>
	</body>
</html>
